<template>
  <div>
    <h1>Vue的基本语法</h1>
    <input type="text" v-model="obj.name">
    <p>{{obj.name}}</p>
  </div>
</template>

<script setup lang="ts">
import {ref,reactive} from 'vue'
//v-model:用来实行双向绑定，一般用于表单元素
//双向绑定：数据变了，视图变，视图变了，数据变了
//目的：就是要获取表单元素中的数据
let obj =reactive({
  name:'张安',
  age:''
})
</script>

<style scoped>

</style>